Cloudflare Pages の *.pages.dev のプレビューアクセスを無効にする

#cloudflare

Cloudflare Access を設定する

1. ダッシュボードからWorkers & Pages を選択
2. Overview を選択
3. Settings タブの General の項目の Access policy を Enable に変更する
   1. 
4. 設定が完了するとプレビューページ(*.{project}.pages.dev)へのアクセスはメールでのコード認証になる
   1. 

*.pages.dev へのアクセスをカスタムドメインへリダイレクトする

1. Account Home -> Websites から設定を行いたいサイトを選択する
2. Rules -> Redirect Rules -> Bulk Redirects から + Create rule を選択する
   1. 
3. Source URL に page.dev の URL を設定し、 Target URL にリダイレクトさせたい URL を設定する。また、Subpath matchingにチェックを入れておく。必要に応じて Preserve query string, Preserve path suffix にもチェックを入れておく
   1. 

参考:
https://developers.cloudflare.com/pages/configuration/custom-domains/#disable-access-to-pagesdev-subdomain

https://developers.cloudflare.com/pages/configuration/preview-deployments/#customize-preview-deployments-access

https://developers.cloudflare.com/rules/url-forwarding/bulk-redirects/

https://dev.classmethod.jp/articles/cloudflare-pages-access/